.box > div {
    width: 100%;
}

.box div img {
    display: block;
    margin: auto;
}

.box .sy-1 {
    position: relative;
}

.box .sy-1 img.sy-1-head {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.box .sy-2 {
    background: #f2f0f3;
    text-align: center;
    padding-bottom: 20px;
}

.box .sy-2 div {
    display: inline-block;
    position: relative;
}

.sy-2 .sy-2-zx {
    position: absolute;
    left: 20px;
    bottom: -10px;
}

.box .sy-3 {
    background: url("template/default/image/sy-bg.png");
    text-align: center;
    padding-top: 33px;
}

.box .sy-3 div {
    display: inline-block;
    position: relative;
}

.sy-3 .sy-3-zx {
    position: absolute;
    right: 80px;
    bottom: -9px;
}

.box .sy-4 {
    background: #f9f7fa;
    text-align: center;
}

.box .sy-4 div {
    display: inline-block;
    position: relative;
}

.box .sy-4 div .sy-4-zx1 {
    position: absolute;
    top: 580px;
    left: 580px;
}

.box .sy-4 div .sy-4-zx2 {
    position: absolute;
    bottom: 60px;
    left: 20px;
}

.box .sy-6 {
    background: #ffefdd;
    border-bottom: 2px solid #e54219;
    position: relative;
    padding: 10px 0;
}

.box .sy-6 .sy-6-font {
    position: absolute;
    top: 75px;
    left: 50%;
    width: 1130px;
    transform: translate(-50%, 0);
    line-height: 1.8em;
    color: #666666;
    font-weight: 100;
    font-size: 14px;
}


.own-container {
    max-width: 1200px;

    clear: both;
}

.own-container::after {
    content: "";
    display: block;
    clear: both;
}

.sortNav {
    float: left;
    margin-right: 20px;
    width: 300px;
}

.sortNav dl {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ececec;
}

.sortNav dl dt {
    width: 100%;
    background-color: #e94216;
    color: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    font-weight: 100;
    padding-left: 10px;
}

.sortNav dl dd {
    width: 100%;
    padding: 0 10px;
}

.sortNav dl dd a {
    padding-left: 10px;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px dashed #ececec;
}

.sortNav dl dd:last-child a {
    border-bottom: none;
}

.sortNav .ad {
    border: 2px solid #e94216;
    padding: 40px 5px;
    margin-top: 10px;
}

.sortNav .ad dt {
    font-size: 30px;
    color: #e94216;
    font-weight: bold;
    text-align: center;
}

.sortNav .ad dd {
    font-size: 16px;
    color: #494949;
    line-height: 1.9em;
    font-weight: normal;
    text-align: justify;
}

.sortNav .ad1 {
    border: 2px solid #e94216;
    padding: 20px 5px;
    margin-top: 10px;
}

.sortNav .ad1 dt {
    font-size: 20px;
    color: #e94216;
    font-weight: bold;
    text-align: center;
}

.sortNav .ad1 dd {
    font-size: 16px;
    color: #494949;
    line-height: 1.9em;
    font-weight: normal;
    text-align: justify;
}

.conTent {
    overflow: hidden;
}
.conTent p{
   padding-left: 12px;
   width: 98%;
   line-height: 32px;
   padding-bottom: 15px;
}
.conTent .conTent-h2 {padding-bottom: 16px;}

.conTent .conTent-h2 h2 {
    color: #f13a3a;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f13a3a;
}
.conTent .conTent-h2 span {
    color: #f13a3a;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f13a3a;
    display: inherit;
}
.conTent ul.content-news-list {
    padding: 0 10px;
}

.conTent ul.content-news-list a {
    font-size: 16px;
    color: #494949;
    font-weight: normal;
}

/*友情链接*/
.links {
    padding: 12px 0;
    font-size: 16px;
    /*! margin-left: 11rem; */
    /*! width: 1400px; */
    color: #fff;
    padding-bottom: 12px;
    border-top: 0px solid #ffffff;
}

.links span {
    /*! color: #0e0e0e; */
    display: inline-block;
    font-size: 12px;
}


.links a {
    display: inline-block;
    font-size: 12px;
    color: #939393;
    padding-right: 10px;
}

.links a:hover {
    color: #e54219;
}

/*产品中心*/
.allpage {}

.bg-f {
    background: url("{pboot:sitetplpath}/image/sy-bg.png") center no-repeat;
}

.bg-c {
    background-color: #f3f3f3;
}

.bg-r {
    background-color: #d63a3d;
}

.pro1,
.pro-bgc {
    width: 1246px;
    margin: 0 auto;
    padding: 50px 0;
    *zoom: 1;
}

.pro1:after,
.pro-bgc:after {
    content: "";
    clear: both;
    display: block;
}

.pro1 .pro1-l {
    float: left;
    padding-top: 20px;
    width: 620px;
}

.pro1 .pro1-r {
    float: right;
    width: 573px;
}

.pro1-r img {
    display: block;
}

.pro1-r h2 {
    color: #d63a3d;
    border-bottom: 1px solid #ccc;
    height: 40px;
    font-size: 24px;
    font-weight: bold;
}

.pro1-r p {
    color: #d63a3d;
    font-size: 18px;
    height: 40px;
}

.pro1-r img {
    padding-top: 20px;
}

.pro-vip1-l {
    float: left;
    /*! width: 928px; */
}
.pro-vip1-l p{
    font-size: 20px;
color: rgb(43, 31, 1);
text-align: center;
padding-bottom: 30px;
    margin-top: 20px;
}
.pro-vip1-l h3 {
    font-size: 36px;
    color: #d63a3d;
    text-align: center;
    font-weight: bold;
    height: 50px;
}

.pro-vip1-l img {
    width: 100%;
}
.pro-vip1-l a{
}
.pro-vip1-r {
    /*! float: right; */
    padding-top: 57px;
    width: 280px;
}
.xz{
text-align: center;
}
.xz img{
    width: 20% !important;
    margin-top: 10px;
}
.pro-form {
    width: 268px;
    background-color: #fff;
    padding-bottom: 20px;
}

.pro-form dt {
    text-align: center;
    color: #fff;
    background-color: #e94216;
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
}

.pro-form dd {
    width: 200px;
    margin: auto;
}

.pro-form dd lable {
    display: block;
    padding-top: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}

.pro-form dd input {
    background-color: #dfdfdf;
    height: 40px;
    width: 100%;
    outline: none;
    text-decoration-line: none;
    border: none;
    border-radius: 5px;
    text-indent: 5px;
}

.pro-form dd input.submit {
    background-color: #f64f50;
    margin-top: 30px;
    width: 138px;
    color: #fff;
}

.pro-vip1-r p {
    color: rgb(232, 65, 23);
    font-size: 20px;
    font-weight: bold;
    width: 240px;
    text-align: justify;
}

.pro-vip2-l {
    float: left;
    padding-top: 57px;
    width: 280px;
}

.pro-vip2-l p {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 240px;
    text-align: justify;
    padding-top: 30px;
}

.pro-vip2-r {
    float: right;
    /*! width: 928px; */
}
.pro-vip2-r p{
    font-size: 20px;
color: rgb(19, 14, 0);
text-align: center;
padding-bottom: 30px;
    margin-top: 20px;
}
.pro-vip2-r h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    height: 50px;
}

.pro-vip2-r img {
    width: 100%;
}

.bg-r > p {
    font-size: 24px;
    color: rgb(252, 192, 46);
    text-align: center;
    padding-bottom: 30px;
}

.pro-foot {
    text-align: center;
}

/*footer*/
.footer {
    width: 100%;
    color: #fff;
    padding-bottom: 48px;
    background: #2E3033;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.footer .bottom {
    border-top: 1px solid #464a50;
}

.footer .bNav {
    width: 558px;
    height: 180px;
    margin-top: 48px;
    border-right: 1px solid #1a1d21;
}

.footer .di_logo img {
    width: 111px;
    height: 111px;
    background-size: 100%;
}

.footer .bNav dl {
    display: inline-block;
    float: left;
    width: 139px;
    overflow: hidden;
    text-align: left;
    padding-top: 10px;
}

.footer .bNav dl dt {
    height: 16px;
    display: block;
    padding-bottom: 32px;
}

.footer .bNav dl dt a {
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 16px;
}

.footer .bNav dl dd {
    display: block;
    height: 26px;
    padding-bottom: 16px;
}

.footer .bNav dl dd a {
    display: block;
    font-size: 14px;
    color: #939393;
    line-height: 14px;
}

.footer .bNav dl dd a:hover {
    color: #e54219;
}

.footer .ewm {
    height: 180px;
    text-align: center;
    padding-left: 48px;
    margin-top: 48px;
    border-left: 1px solid #464a50;
}

.footer .ewm dl {
    width: 140px;
    float: left;
    display: block;
    margin-right: 30px;
    margin-top: 10px;
    height: 164px;
}

.footer .ewm dl:nth-child(2) {
    margin-right: 0px;
}

.footer .ewm dl:first-child + dl {
    margin-right: 0px;
}

.footer .ewm dl dt {
    width: 140px;
    height: 140px;
    background-color: #fff;
    text-align: center;
}

.footer .ewm dl dt img {
    width: 130px;
    height: 130px;
    display: inline-block;
    background-size: 100%;
    margin-top: 5px;
}

.footer .ewm dl dd {
    font-size: 14px;
    color: #939393;
    line-height: 24px;
    padding-top: 5px;
}

.footer .contact_info {
    width: 345px;
    height: 180px;
    padding-left: 75px;
    border-right: 1px solid #1a1d21;
    border-left: 1px solid #464a50;
    margin-top: 48px;
}

.footer .contact_info p.p1 {
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    padding-top: 10px;
}

.footer .contact_info p.dh {
    font-size: 36px;
    color: #e84117;
    font-family: "Arial";
    line-height: 36px;
    padding-top: 10px;
    font-weight: bold;
    padding-bottom: 12px;
}

.footer .contact_info h3 {
    font-size: 20px;
    padding-top: 8px;
}

.footer .contact_info p.tel {
    font-size: 14px;
    color: #939393;
    line-height: 22px;
    width: 270px;
}

.footer .contact_info i {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    color: #fff;
}

.footer .contact_info i a {
    display: inline-block;
    color: #fff;
    padding-right: 12px;
}

/*copyright*/
.copyright {
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 12px;
    background: #27292B;
}

.copyright p {
    color: #939393;
}

.copyright span {
    margin: 0 6px;
}

.copyright a {
    color: #939393;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.copyright a:hover {
    color: #dc0000;
}

/*tags*/
.catebg {
    width: 100%;
    background-color: #f2f2f2;
}

.blank {
    height: 10px;
    line-height: 10px;
    clear: both;
}

.blank5 {
    height: 5px;
    line-height: 5px;
    /* _margin:-3px 0;*/
    clear: both;
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix {
    zoom: 1
}

.cat_ur_here {
    width: 1210px;
    margin: 0 auto;
    height: 58px;
    line-height: 58px;
    z-index: 4;
}

.cat_ur_here h2 {
    width: 1210px;
    height: 58px;
    line-height: 58px;
    font-size: 14px;
    color: #333;
    font-family: "Microsoft Jhenghei";
    font-weight: normal
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

icon-shouye:before {
    content: "\e601"
}

.show-tags a {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    color: #555;
    font-weight: 100;
    word-wrap: break-word;
    white-space: nowrap;
    float: left;
    margin-right: 12px;
    margin-bottom: 9px;
    border-radius: 2px;
    background: #FFF;
    border: 1px solid #D8D8D8;
    display: inline-block;
    overflow: hidden;
    padding: 0px 8px;
    transition: .2s ease-in-out;
}

.show-tags a:hover {
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
    background-color: #e54219;
    color: #fff
}

.show-tags a {
    text-decoration: none;
}

.w {
    margin: 30px auto;
    width: 1210px;
}

.STYLE2 {
    font-size: 16px;
    font-weight: bold;
}


/*首页关于我们*/
.i-about {
  background: url(/static/image/bj.jpg) no-repeat top center;
  padding-bottom: 3%;
  box-sizing: border-box;
  margin-top: 2%;
}
.i-about .top{
    width: 73%;
    margin: 0 auto;
}

.i-about h2 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 100px;
  color: rgba(13, 1, 1, 0.95);
}

.i-about h2::after {
  content: '';
  display: block;
  width: 48px;
  height: 1px;
  background: #ffffff;
  margin: 0 auto;
}

.i-about .content {
  color: #fff;
  padding-top: 2%;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
}
.i-about .content p{
    text-align: left;
    text-indent: 2em;
    color: rgba(13, 1, 1, 0.95);
}
.i-about .content a {
  display: block;
  width: 90px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #000000;
  font-size: 14px;
  background: #fff;
  margin: 3% auto 0;
}

.i-about .tabli {
  margin-top: 2%;
}

.i-about .tabli li {
  padding: 0 14px;
  line-height: 39px;
  text-align: center;
  color: #000000;
  font-size: 18px;
  background: #fff;
  float: left;
  margin-right: 4px;
  cursor: pointer;
}

.i-about .tabli li.cur {
  background: #41a300;
  color: #fff;
}

.i-about .tab1 {
  width: 108%;
  left: -4%;
display: none;
  overflow-x: hidden;
  position: relative;
}

.i-about .tab1 .slick_about {
  margin-top: 1%;
  position: relative;
}

.i-about .tab1 .slick_about .slick-slide {
  margin-right: .2%;
  text-align: center;
  padding-top: .2%;
}

.i-about .tab1 .slick_about .slick-slide h3 {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  font-weight: normal;
  text-align: center;
}

.i-about .tab1 .slick_about .slick-arrow {
  border: none;
  width: 37px;
  height: 103px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -52px;
  cursor: pointer;
  z-index: 9999;
  font-size: 0;
}

.i-about .tab1 .slick_about .slick-arrow:focus {
  outline: none;
}

.i-about .tab1 .slick_about .slick-prev {
  background: url(/template/default/images/left.png) no-repeat;
  left: 0px;
}

.i-about .tab1 .slick_about .slick-next {
  background: url(/template/default/images/right.png) no-repeat;
  right: 0px;
}

.i-about .hidea {
display: block;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .i-about h2 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 100px;
    color: #fff;
  }
  .i-about h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 1px;
    background: #ffffff;
    margin: 0 auto;
  }
  .i-about .content {
    font-size: 14px;
    line-height: 30px;
  }
  .i-about .tab1 {
    width: 100%;
    left: 0;
  }
}

@media screen and (max-width: 760px) {
  .i-about h2 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    color: #fff;
  }
  .i-about h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 1px;
    background: #ffffff;
    margin: 0 auto;
  }
  .i-about .content {
    font-size: 14px;
    line-height: 24px;
  }
  .i-about .tab1 {
    width: 100%;
    left: 0;
  }
}

/*首页常见问题*/
.fin-qa {
    background: #fff;
    margin-top: 15px;
    overflow: hidden;
    padding: 0 3px 16px 100px;
    width: 1400px !important;
    margin: 0 auto;
}

.fin-qa .qa-space .stock-bar h2 {
    font-size: 18px;
    line-height: 1;
    font-size: 33px;
    color: #000000;
    line-height: 37px;
    font-weight: 400;
}
.fin-qa .qa-space ul dl {
    width: 48%;
    float: left;
    margin-top: 20px;
    padding-right: 4%;
    font-size: 14px;
}
.fin-qa .qa-space ul dl dt {
    font-size: 16px;
}
.fin-qa .qa-space ul dl dt i {
    font-style: normal;
    color: #fff;
    padding: 1px 5px;
    margin-right: 5px;
    background: #fe6a00;
    border-radius: 3px;
}
.fin-qa .qa-space ul dl dd {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}